<!--
 @Author: libing/makeup1122
 @Email: makeup1123@163.com
 @Date: "2020-02-12 16:06:30"
-->
<template>
  <Cascader :items="items" v-model="select"></Cascader>
</template>
<script>
import Cascader from '@/components/Form/Cascader.vue'
export default {
  name: 'DemoCascader',
  components: { Cascader },
  data: function () {
    return {
      select: '',
      items: [
        {
          text: '电器',
          value: 'electric',
          children: [
            { text: '冰箱', value: 'refrigerator' },
            { text: '空调', value: 'airconditioner' },
            { text: '电视', value: 'television' }
          ]
        },
        {
          text: '苹果',
          value: 'apple'
        },
        {
          text: '橘子',
          value: 'orange'
        },
        {
          text: '香蕉',
          value: 'banana'
        }
      ]
      // children: []
    }
  },
  created: function () {

  },
  methods: {}
}
</script>
<style scoped>
</style>
